<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>消息中心</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
		<link href="../css/public.css" rel="stylesheet"/>
		<style type="text/css">
			.message_box{position: relative;}
			.del{position: absolute;right: -3px;top: 0px;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">消息中心</h1> 
			<button class="mui-pull-right colorP lh30 b_n" id="clear_btn">清空</button>
		</header>
		<div class="mui-content">
			<div class="p_tb11_lr15">
				<div class="p_tb16 p_lr15 bg_white b_r8 b1 message_box">
					<a class="iconfont mui-icon colorP font36 del" id="del_btn">&#xe601;</a>
					<h4 class="m_b16">温馨提示</h4>
					<p class="font14 color6 m_b10">感谢您注册老司机代驾，上千万师傅全天候为您服 务，赶快去体验一下吧。</p>
					<span class="mui-pull-right font12 color9">2017-03-07</span>
				</div>
			</div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript">
		//删除按钮 
		var btnArray = ['否', '是'];
		$('#del_btn').on('tap',function(){
			$(this).parent().remove();
		})
		//清空按钮
		$('#clear_btn').on('tap',function(){
			mui.confirm("您确定清空消息吗？","老司机打车",btnArray,function(e){
				if (e.index == 1) {
					$('.message_box').remove();
				} else {
					
				}
			})
		})
	</script>
</html>
